<template>
    <div>
    <div class="jd"></div>
    <!-- {{$store.state}} 
    {{$store.getters}}  -->
    <div>
     <el-container>
  <el-header class="zzheader">
      种植基地
      </el-header>
       <p class="NR">公司拥有完整、科学、质量管理体系，通过ISO14001，ISO22000国际质量体系认 证，有机产品认证，拥有大量先进、专业的生产设备和检测仪器，秉承“顾客至上，锐意进取”的经营理念，坚持“客户第一”的原则为广大客户提供优质的服务。</p>
  <el-main >
     
     <div v-for="(i,$index) in arr" :key="$index">
         <img :src="i.img" alt="">
     </div>
  </el-main>
</el-container>
    </div>
    
    </div>
</template>
<script>
import {mapGetters} from 'vuex'
export default {
    computed:{
...mapGetters(['g_num'])
    },
    mounted() {
        console.log(this.$store)
    },
    data() {
        return {
            arr:[
              {img:'https://ccdn.goodq.top/caches/9b69daffc17579b848483c854813cad2/aHR0cDovLzVjZGQzYWE1YzQ2ZWEudDczLnFpZmVpeWUuY29tL3FmeS1jb250ZW50L3VwbG9hZHMvMjAxOS8wNS81ZDdlNzRkMjc1MTMzYzFmZmRhNWRlMWZjYWI0YWRlNy0zMDB4MzAwLTkwLndlYnA_p_p100_p_3D.webp'},
              {img:'https://ccdn.goodq.top/caches/9b69daffc17579b848483c854813cad2/aHR0cDovLzVjZGQzYWE1YzQ2ZWEudDczLnFpZmVpeWUuY29tL3FmeS1jb250ZW50L3VwbG9hZHMvMjAxOS8wNS83NDAyZmFlMWJhYTc5ODE4MDgxZjAzYjY3ZTBlNTRkMi0zMDB4MzAwLTkwLndlYnA_p_p100_p_3D.webp'},
              {img:'https://ccdn.goodq.top/caches/9b69daffc17579b848483c854813cad2/aHR0cDovLzVjZGQzYWE1YzQ2ZWEudDczLnFpZmVpeWUuY29tL3FmeS1jb250ZW50L3VwbG9hZHMvMjAxOS8wNS85ZWVjMDQ0ZWZiY2JkZDBjMTQzZDBiZmEwZjYyM2QwNS0zMDB4MzAwLTkwLndlYnA_p_p100_p_3D.webp'},
              {img:'https://ccdn.goodq.top/caches/9b69daffc17579b848483c854813cad2/aHR0cDovLzVjZGQzYWE1YzQ2ZWEudDczLnFpZmVpeWUuY29tL3FmeS1jb250ZW50L3VwbG9hZHMvMjAxOS8wNS8wZDlhYzFhYTM5Y2ZmYjNjOTg0MTQ2OThjNmZkZDBmNC0zMDB4MzAwLTkwLndlYnA_p_p100_p_3D.webp'},
              {img:'https://ccdn.goodq.top/caches/9b69daffc17579b848483c854813cad2/aHR0cDovLzVjZGQzYWE1YzQ2ZWEudDczLnFpZmVpeWUuY29tL3FmeS1jb250ZW50L3VwbG9hZHMvMjAxOS8wNS85ZWRhODlmMjMxYTM4YWM4MTk2YmJiZjI5MDlhYTJmNy0zMDB4MzAwLTkwLndlYnA_p_p100_p_3D.webp'},
              {img:'https://ccdn.goodq.top/caches/9b69daffc17579b848483c854813cad2/aHR0cDovLzVjZGQzYWE1YzQ2ZWEudDczLnFpZmVpeWUuY29tL3FmeS1jb250ZW50L3VwbG9hZHMvMjAxOS8wNS8xMjVmYzY1OThhYTQ2YWVjYmQ5ZjU0MDNjOTBiMzc4Ny0zMDB4MzAwLTkwLndlYnA_p_p100_p_3D.webp'},
              {img:'https://ccdn.goodq.top/caches/9b69daffc17579b848483c854813cad2/aHR0cDovLzVjZGQzYWE1YzQ2ZWEudDczLnFpZmVpeWUuY29tL3FmeS1jb250ZW50L3VwbG9hZHMvMjAxOS8wNC80ZGYwMWE3NGZhMGFlYWI4MjJiYzUxOGFjYzZlYWE5Ni0zMDB4MzAwLTkwLndlYnA_p_p100_p_3D.webp'},
              {img:'https://ccdn.goodq.top/caches/9b69daffc17579b848483c854813cad2/aHR0cDovLzVjZGQzYWE1YzQ2ZWEudDczLnFpZmVpeWUuY29tL3FmeS1jb250ZW50L3VwbG9hZHMvMjAxOS8wNS8yZmVkNDQ2MDY0MjQ3YWZlYjhhOTRmZDQ0ZGIwNzk3OS0zMDB4MzAwLTkwLndlYnA_p_p100_p_3D.webp'},
            ]
        }
    },
}
</script>
<style>
.zzheader{
    height: 30px;
     font-family: 微软雅黑;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    color: #232323;
    display: block;
    padding: 30px;
   
    text-align: center;
   
}
.el-main{
    width: 100%;
    padding: 0 120px;
 
    
}
.el-main div{
padding: 10px 5px;
    float: left;
    
}
.NR{
    text-align: center;
    margin: auto;
    padding: 30px 200px;
    line-height: 30px;
}
    .jd{
        width: 100%;
       min-height: 200px;
       margin-top: 100px;
        background-size: 100% 100%;
         background-repeat:no-repeat ;
       background-image: url('https://ccdn.goodq.top/caches/9b69daffc17579b848483c854813cad2/aHR0cDovLzVjZGQzYWE1YzQ2ZWEudDczLnFpZmVpeWUuY29tL3FmeS1jb250ZW50L3VwbG9hZHMvMjAxOS8wNS83M2ViODg1M2E2ZmQ1NmJhZGE3ZDhmMjg2M2Q5YzU4OC05MC53ZWJw.webp');
    }
    .el-container{
        padding-bottom:50px ;
    }
</style>